<!--<ng-container *ngFor="let monitor of monitors">-->
  <!--<ng-tools-dynamic-component [component]="monitor.component" [data]="monitor.monitor"></ng-tools-dynamic-component>-->
<!--</ng-container>-->
<ng-container class="col-12 pl-2 pr-2">
  <div class="row" *ngIf="monitors.length === 0"><span class="col-12 text-center font-75 font-weight-bold">未获取到数据</span></div>
  <div class="row" *ngIf="monitors.length > 0">
    <div class="col-12 mt-1 mb-1" *ngFor="let monitor_item of monitors">
      <div class="card animated animated-delay-500">
        <div class="card-header font-weight-bold p-2">
          <span class="fa fa-fw fa-line-chart"></span>{{monitor_item.monitor.monitor.name}}[{{monitor_item.monitor.monitor_content_display}}]
          <button type="button" class="close" (click)="deleteMonitor(monitor_item.monitor.id)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="card-body p-2">
          <ng-tools-dynamic-component [component]="monitor_item.component" [data]="monitor_item.monitor.monitor"></ng-tools-dynamic-component>
        </div>
      </div>
    </div>
  </div>
</ng-container>
